<template>
  <van-nav-bar title="用户协议与隐私政策" left-arrow @click="goBack" />
  <div class="content-container">
    <p class="intro">
      欢迎使用我们的服务！为保障您的权益，请仔细阅读以下用户协议与隐私政策。我们遵循最小化原则收集、使用和保护您的个人信息，仅收集实现服务功能必需的基本信息。
    </p>

    <div class="section">
      <h3 class="section-title">信息收集</h3>
      <p class="section-content">
        我们收集手机号码用于账号注册与登录验证，确认您的身份并保障账号安全，也会通过手机号码发送重要通知和服务信息。注册账号包含用户名、密码等信息，用于提供个性化服务，记录操作偏好、服务使用历史和收藏内容，方便您在不同设备持续使用服务。
      </p>
    </div>

    <div class="section">
      <h3 class="section-title">信息使用</h3>
      <p class="section-content">
        我们仅在实现服务功能必需的范围内使用您的信息，不会超出合理需求滥用。不会将信息用于未经您授权的其他用途，如需用于新目的，会提前征得您明确同意。严格遵守法律法规，采取技术和管理措施保护信息安全，防止泄露、损毁和丢失。
      </p>
    </div>

    <div class="section">
      <h3 class="section-title">信息共享与披露</h3>
      <p class="section-content">
        我们不会将您的个人信息共享给第三方，除非获得您明确同意，或根据法律法规、行政或司法机构强制性要求披露，或为保护合法权益、用户人身财产安全或公共利益有必要披露。
      </p>
    </div>

    <div class="section">
      <h3 class="section-title">您的权利</h3>
      <p class="section-content">
        您对个人信息享有访问和修改权、删除权（符合法定条件时）、撤回同意权（可随时撤回之前给予的信息收集和使用同意）。
      </p>
    </div>

    <div class="section">
      <h3 class="section-title">政策更新</h3>
      <p class="section-content">
        我们可能根据业务发展和法律法规变化更新本协议与政策，更新后会通过适当方式通知您，请定期查看了解最新内容。
      </p>
    </div>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';

const router = useRouter();

const goBack = () => {
  router.go(-1);
};
</script>

<style scoped>
.content-container {
  background-color: white;
  padding: 1rem 2.5rem;
}

.title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
  text-align: center;
}

.intro {
  color: #4b5563;
  margin-bottom: 2rem;
  text-align: justify;
}

.section {
  margin-bottom: 2rem;
}

.section-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.section-content {
  color: #4b5563;
  text-align: justify;
}
</style>
